// 承保公司icon组件
<template>

<div class="company-icon" :class='size'>
    <div class="logo">
        <img :src="getCmpIcon(company)" alt="icon">
    </div>
    {{company}}
</div>

</template>

<script lang='ts'>
import {getCmpIcon, getCmpList} from '@/components/ivew_conf/company_icon'
import {Component, Prop, Vue} from 'vue-property-decorator'

@Component({})
export default class companyIcon extends Vue{
    name:string = 'company-icon'

    @Prop()
    company

    @Prop({
        default: 'small'
    })
    size
    
    getCmpIcon = getCmpIcon

    
}


</script>

<style scoped lang='scss'>

.company-icon{
    display: flex;
    align-items: center;

    font-size: $font_md;
    
    .logo{
        @extend %img_box;
        overflow: hidden;
        border-radius: 100%;
    }
    
}

.company-icon.small{

    $size: _rem(24px);
    .logo{
        width: $size;
        height: $size;
        
    }
    
}


</style>